body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#404040; word-break:break-all; word-wrap:break-word;}
body,button,input,select,textarea {font:12px/1.125 Helvetica Microsoft Yahei,微软雅黑,STHeiti,Arial,Hiragino Sans GB,sans-serif;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#404040; text-decoration:none;}
a:hover{text-decoration:none;color:#404040;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
input{outline: none;}
input::-webkit-input-placeholder {color: #cdcdcd;}
textarea::-moz-placeholder,input::-moz-placeholder { color: #cdcdcd;}
textarea:-moz-placeholder,input:-moz-placeholder {color: #cdcdcd;}
textarea:-ms-input-placeholder,input:-ms-input-placeholder { color: #cdcdcd;}








body{  background: url(../image/login_pic_bg.png) center top no-repeat; overflow-x:hidden;}

.logo{ background:url(../image/logo.png) center no-repeat; height:120px;}
.logo-cu{ background:url(../image/logo-cu.png) center no-repeat; height:120px;}
.logo-168{ background:url(../image/logo-168.png) center no-repeat; height:120px;}
.box { background-color: #fff;width: 600px;display: block;margin:0 auto; padding: 50px 0 40px 0;box-shadow:0 6px 40px 0 rgba(217, 217, 219, 0.44);border-radius: 4px;position: relative;}
.box2{ padding:20px 0 40px 0;}
.nav{ margin:0 auto; width:240px;clear:both; overflow:hidden;}
.nav a{ float:left; width:50%; color:#cdcdcd; text-align:center; font-size:24px;}
.nav a.here,.nav a:hover{ color:#f15142;}
.nav a i{ width:25px; height:4px; overflow:hidden; margin:10px auto 0; background:#fff; display:block;}
.nav a.here i{ background:#f15142;}
.nav2{ width:440px;}

.list{ width:320px; margin:0 auto;}
.list li{ margin-top:20px;}

.inp_box{ border:1px solid #e3e6e9; height:46px;border-radius:4px;}
.inp_box_1{position:relative; margin:0 0 0 46px;}
.inp_box_1 span{ position:absolute; left:-46px; width:46px; height:46px;border-right:1px solid #e3e6e9;}
.inp_box_1 span.user{ background:url(../image/user.png) center no-repeat; background-size: 46px;}
.inp_box_1 span.password{ background:url(../image/password.png) center no-repeat; background-size: 46px;}
.inp_box_1 span.validate{ border:0; width:33px; height:33px; padding:7px 6px 6px 7px;}
.inp_box_1:hover span.validate img{animation: myfirst infinite 1s;}
.inp_box_1 span.phone{ background:url(../image/phone3.png) center no-repeat; background-size: 46px;}
.inp_box_1 span.phone2{ background:url(../image/phone4.png) center no-repeat; background-size: 46px;}
.inp_box_1 span.email{ background:url(../image/email.png) center no-repeat; background-size: 46px;}
.inp_box_1 span.email2{ background:url(../image/email2.png) center no-repeat; background-size: 46px;}

.login-qrcode{width: 320px;  height: 320px;  margin: 0 auto;}
.login-qrcode iframe{max-height: 320px;overflow: hidden;}


.popup .inp_box_gee{
    border: none;
}
.popup #wait {
    line-height: 44px;
    color: #404040;
    font-size: 14px;
}
.popup #embed-captcha {
    width: 100%;
    float: left;
}
.popup #embed-captcha .geetest_success_logo {
    display: none;
}
.popup .geetest_radar {
    width: 33px!important;
    height: 33px!important;
}
.popup .geetest_radar .geetest_ring {
    box-shadow: inset 0 0 0 1px #f6675a!important;
    background: #f6aba4!important;
}
.popup .geetest_radar .geetest_sector {
    box-shadow: inset 0 0 0 1px #f6675a!important;
    background-color: #f6aba4!important;
    background-image: linear-gradient(115deg, rgba(0, 0, 0, 0) 50%, #f5cbc7 50%), linear-gradient(65deg, #f5cbc7 50%, rgba(0, 0, 0, 0) 50%) !important;
}
.popup .geetest_radar .geetest_dot {
    background-color: #f6675a!important;
}
.popup .geetest_holder.geetest_wind {
    width: 100%!important;
}
.popup .geetest_holder.geetest_wind .geetest_offline {
    display: none;
}
.popup .geetest_holder.geetest_wind .geetest_radar_tip {
    height: 100%;
}
.popup .geetest_holder.geetest_wind .geetest_radar_btn {
    border: 1px solid #e3e6e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.popup .geetest_holder.geetest_wind .geetest_success_btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.popup .geetest_holder.geetest_wind .geetest_radar_tip_content {
    font-size: 14px;
    line-height: 44px;
    corlor: #404040;
}
.popup .geetest_logo {
    display: none;
}

.btn {
    border: 1px solid gray;
    width: 100px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
}
#embed-captcha {
    width: 300px;
    margin: 0 auto;
}
.show {
    display: block;
}
.hide {
    display: none;
}
#notice {
    color: red;
}





.forgot{ text-align:right;}
.forgot a{ color:#f6675a;}


@keyframes myfirst
{
    0%   {transform:scale(1)}
    50%  {transform:scale(.5)}
    100% {transform:scale(1);}
}

@-moz-keyframes myfirst
{
    0%   {transform:scale(1)}
    50%  {transform:scale(.5)}
    100% {transform:scale(1);}
}

@-webkit-keyframes myfirst
{
    0%   {transform:scale(1)}
    50%  {transform:scale(.5)}
    100% {transform:scale(1);}
}

@-o-keyframes myfirst
{
    0%   {transform:scale(1)}
    50%  {transform:scale(.5)}
    100% {transform:scale(1);}
}


.inp{ width:90%; /*line-height:46px;*/ border:0; font-size:14px; margin:0 auto; display:block; height:46px;}
.inp2{ float:left; width:50%; /*line-height:46px;*/ border:0; font-size:14px; padding-left:10px; display:block;height:46px;}
/*.inp_box:hover{ border:1px solid #c0c0c0;}*/
.inp_box_1:hover span{border-right:1px solid #c0c0c0;}
.inp_box_error{ border:1px solid #f6675a;}
.inp_box_error span{border-right:1px solid #f6675a;}
.error{ background:url(../image/error.png) no-repeat; line-height:16px; margin-top:10px; padding-left:20px; color:#f6675a;}





.inp_box2{background-image: linear-gradient(180deg, #ffffff 0%,#f3f3f3 100%); cursor:pointer;}
.inp_box2:hover{background-image: linear-gradient(180deg, #f3f3f3 0%,#ffffff 100%);}
.inp_box2:hover span{border-right:0;}
.inp_box2 i{width:90%; line-height:46px; font-size:14px; margin:0 auto; display:block;}
.submit-btn {cursor: pointer;background: #f7978e; text-align:center; line-height:50px;box-shadow: 0 4px 15px 0 rgba(241, 81, 66, 0.42);border-radius:100px;border:none; color:#fff; width:320px;height:50px;font-size: 16px;position: relative; transition: all .3s ; display:block;outline:0px; -webkit-appearance:none;}
.submit-btn:hover {background: #f15142;}
.code_btn {width:102px; border:0;border-left:1px solid #e3e6e9; height:26px;cursor: pointer; position:absolute; right:0; top:10px; display:block; background:none;}
.code_btn:hover {color: #4b93ef;}
.code_btn.disabled{color: #cdcdcd;}

.area-code{cursor:pointer;width:62px;height:26px;margin-top:10px;float:left;border-right:1px solid #e3e6e9; background:url(../image/haiwei.png) right center no-repeat; padding-right:22px;}
.area-code input{ line-height:26px; border:0; width:62px; text-align:center; font-size:14px;cursor:pointer; height:26px;}


.title{ width:320px; margin:30px auto 0; position:relative; border-top:1px solid #e0e0e0; height:26px;}
.title span{ width:88px; background:#fff; display:block; position:absolute; left:50%; top:-10px; margin:0 0 0 -44px; line-height:20px; text-align:center; color:#999;}


.login_ways {margin:0 auto; width:320px; clear:both; overflow:hidden;display: flex; justify-content: space-evenly;}
.login_ways li { float:left; width:33.3%; cursor:pointer;}
.login_ways li a { display:block; color:#999; padding:50px 0 0; text-align:center;}
.login_ways li a.here {}
.login_ways li.phone a{background:url(../image/phone.png) center top no-repeat; }
.login_ways li.phone a.here,.login_ways li.phone:hover a{ background:url(../image/phone2.png) center top no-repeat;color:#2E8AFF;}
.login_ways li.pwd a{background:url(../image/pwd.png) center top no-repeat; }
.login_ways li.pwd a.here,.login_ways li.pwd:hover a{ background:url(../image/pwd2.png) center top no-repeat;color:#FF9F00;}
.login_ways li.wx a{background:url(../image/wx.png) center top no-repeat; }
.login_ways li.wx a.here,.login_ways li.wx:hover a{ background:url(../image/wx2.png) center top no-repeat;color:#42C02F;}

.tab01Cont { display:none;}

.areacode-select { display:none;position:absolute;top:52px;left:-47px; width:320px; border:1px solid #e3e6e9; background: #fff; z-index:9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;max-height:260px;overflow-y:auto;}
.areacode-select li {border-top:1px solid #e3e6e9; height:36px; line-height:36px; text-align:left; padding:0 10px;cursor:pointer; margin:0;}
.areacode-select li:first-child {border-top:none;}
.areacode-select li:hover {background: #efefef;}
.areacode-select li i { float:right;}
.cue{ text-align:center; line-height:22px; color:#a0a0a0; margin-top:24px;}
.cue a{ color:#74b1ff;}
.back{ padding:0 0 20px 15px;}
.back a{ display:inline-block; background:url(../image/back.png) 0 center no-repeat; padding-left:15px; font-size:14px; color:#b6c0cb;}

.tit{ width:100%;}
.tit span{ display:block; padding:10px 0 20px 30px; color:#666; font-size:24px;}
.tit p{ padding:30px; color:#999; font-size:14px; border-top:1px solid #e3e6e9; line-height:1.5;}
.list li.cen{ text-align:center;}

@media screen and (max-width:768px) {
    body{ min-width:320px; background:#fff;}


    .logo{ height:80px;}
    .logo-cu{ height:80px;}
    .logo-168{ height:80px;}
    .logo-it168{ padding-top: 15px;}
    .box {width:100%;display: block;margin:0 auto; padding:0 0 15px;box-shadow:0 6px 40px 0 rgba(217, 217, 219,0);border-radius:0;}
    .nav{ width:100%;  border-bottom:1px solid #e6e6e6;}
    .nav a{ float:left; width:50%; color:#cdcdcd; text-align:center; font-size:16px;}
    .nav a.here,.nav a:hover{ color:#f15142;}
    .nav a i{ width:100%; height:3px; overflow:hidden; margin:10px auto 0; background:#fff; display:block;}
    .nav a.here i{ background:#f15142;}
    .nav2{ width:100%;}

    .tit span{padding:20px;font-size:18px;}
    .tit p{ padding:20px;}

}



.msg-alert {
    display: none;
    background-color: rgba(76,76,76,.92);
    width:360px;
    height:50px;
    line-height:50px;
    text-align: center;
    color: #fff;
    font-size:16px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -25px -180px;
    z-index: 99999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}